@import "./base/hack";

html,body{
  min-width : 1024px;
  height : 100%;
  font-family: "微软雅黑",sans-serif;   // 微软雅黑明显好看
}

@include cf("div.body_cr");
div.body_cr{
  background-image: url("../img/mooc-login-bg.jpg");
  background-size : 100% 100%;
  height : 100%;
}

$header_logo_size : 45px;

div.logo_header{
  color: white;
  font-size : $header_logo_size;
  margin : 80px auto;
  width : $header_logo_size * 7;
  text-align: center;
  line-height :$header_logo_size + 20px;
  vertical-align: middle;
  i{
    font-size : $header_logo_size + 20px;
    vertical-align: middle;
  }

  span.logo_header_text{
    letter-spacing: -2px;
    vertical-align: middle;
  }
}

$login_footer_width: 600px;
div.login_footer{
  white-space : normal;
  font-size : 14px;
  color : white;
  position: absolute;
  bottom: 120px;
  width : $login_footer_width;
  left : 50%;
  right: 50%;
  transform: translate(-($login_footer_width/2),0);
  text-align: center;
}